<script setup lang="ts">
import { defineAsyncComponent } from "vue";

const AdminPage = defineAsyncComponent(
  () => import("../components/AdminComponent.vue")
);
</script>

<template>
  <div class="wrap">
    <Suspense>
      <template #default>
        <AdminPage />
      </template>
      <template #fallback>
        <h1>Loading...</h1>
      </template>
    </Suspense>
  </div>
</template>
<style>
.wrap {
  margin: 200px auto;
  width: 500px;
}
h1 {
  text-align: center;
}
</style>
